<template>
  <el-main>
    <h3>机构信息详情</h3>
    <div class="context">
      <span>基本信息</span>
    </div>
    <el-divider />
    <!-- ====================================== -->
    <div class="basic">
      <div class="basic1">
        机构名称：<span v-text="useinfo.jigou"></span>
        <div>机构地址：<span v-text="useinfo.address"></span></div>
        <div>联系人：<span v-text="useinfo.name1"></span></div>
        <div>手机：<span v-text="useinfo.phone"></span></div>
        <div>电话：<span v-text="useinfo.tel - phone"></span></div>
        <div>国家：<span>中国</span></div>
        <div>省份：<span>福建</span></div>
        <div>城市：<span>泉州市</span></div>
      </div>
      <div class="basic2">
        <div>邮箱：<span>362000</span></div>
        <div>网站：<span>http://www.qzgd.fj.cn</span></div>
        <div>机构级别：<span>学校</span></div>
        <div>行业类别：<span>高职高专</span></div>
        <div>重要级别：<span>很重要</span></div>
        <div>单位等级：<span>二级</span></div>
        <div>区域等级：<span>市级</span></div>
      </div>
    </div>
    <!-- ====================== -->
    <!-- ====================== -->
    <br /><br />
    <div>
      <span>其他信息</span>
    </div>
    <el-divider />

    <div class="basic">
      <div class="basic1">
        经办人：<span>陈满</span>
        <div>年费:<span>0万</span></div>
        <div>电子资源经费:<span>0万</span></div>
        <div>采购时间:<span>不确定</span></div>
        <div>采购级别:<span>不确定</span></div>
        <div>采购方式：<span>不确定</span></div>
        <div>机构类型：<span>重要客户</span></div>
      </div>
      <div class="basic2">
        <div>采购途径：<span>不确定</span></div>
        <div>分配情况：<span>未分配</span></div>
        <div>商家状态：<span>潜在</span></div>
        <div>备注信息：<span>暂无</span></div>
        <div>合同信息：<span>图书馆合同</span></div>
        <div>产品信息:<span>专区</span></div>
        <div>跟进状态：<span>成交</span></div>
      </div>
    </div>

    <el-button type="primary" @click="close">关闭</el-button>
  </el-main>
</template>

<script setup>
import { useRouter } from "vue-router";
import { onMounted, ref } from "vue";
import { useRoute } from "vue-router";
var $router = useRouter();
var close = () => {
  $router.push("/index/home/lzn/InfoManage");
};

var route = useRoute();
var useinfo = ref({});
onMounted(() => {
  useinfo.value = route.query;
  console.log("基本信息", useinfo);
});
</script>

<style lang='scss' scoped>
.basic {
  width: 100%;
  display: flex;
  line-height: 40px;
  justify-content: space-around;
  .basic1 {
    width: 60%;
    align-items: flex-start;
  }
  .basic2 {
    width: 40%;
    align-items: flex-start;
  }
}
.close {
  margin-left: 700px;
  margin-top: 30px;
}
</style>